﻿@page "/components/linechart"
@page "/components/chart-types/linechart"

<DocsPage>
    <DocsPageHeader Title="Line Chart" SubTitle="">
    </DocsPageHeader>
    <DocsPageContent>

        <DocsPageSection>
            <SectionHeader Title="Basic Usage">
                <Description></Description>
            </SectionHeader>
            <SectionContent ShowCode="false" Code="LineExample1">
                <LineExample1 />
            </SectionContent>
        </DocsPageSection>
        
        <DocsPageSection>
            <SectionHeader Title="Line Widths">
                <Description></Description>
            </SectionHeader>
            <SectionContent ShowCode="false" Code="LineWidthExample">
                <LineWidthExample />
            </SectionContent>
        </DocsPageSection>

        <DocsPageSection>
            <SectionHeader Title="Y Axis ticks">
                <Description></Description>
            </SectionHeader>
            <SectionContent ShowCode="false" Code="LineExample2">
                <LineExample2 />
            </SectionContent>
        </DocsPageSection>

        <DocsPageSection>
            <SectionHeader Title="Interpolation">
                <Description></Description>
            </SectionHeader>
            <SectionContent ShowCode="false" Code="LineExample3">
                <LineExample3 />
            </SectionContent>
        </DocsPageSection>

    </DocsPageContent>
</DocsPage>